$(function () {
  resetui(); //重置滚动条的位置
  // 输入内容
  $("#btnSend").on("click", function () {
    let text = $("#ipt").val().trim();
    if (text.length <= 0) return $("#ipt").val("");
    $("#talk_list").append(`<li class="right_word">
    <img src="img/person02.png" /> <span>${text}</span>
  </li>`);
    $("#ipt").val("");
    resetui(); //重置滚动条的位置
    getMsg(text);
  });
  // 获取机器人的消息 根据我们输入的内容回答 封装函数
  function getMsg(text) {
    $.ajax({
      type: "GET",
      url: "http://www.liulongbin.top:3006/api/robot",
      data: {
        spoken: text,
      },
      success: (res) => {
        if (res.message === "success") {
          var msg = res.data.info.text;
          $("#talk_list").append(`<li class="left_word">
          <img src="img/person01.png" /> <span>${msg}</span>
        </li>`);
          resetui(); //重置滚动条的位置
          getVoice(msg); //接收发出的消息转化为语音
        }
      },
    });
  }
  // 将机器人聊天内容转为语音
  function getVoice(text) {
    $.ajax({
      url: "http://www.liulongbin.top:3006/api/synthesize",
      data: {
        text,
      },
      success: function (res) {
        if (res.status === 200) {
          // 给语音添加属性
          $("#voice").attr("src", res.voiceUrl);
        }
      },
    });
  }
  // 空格发消息
  $("#ipt").on("keyup", function (e) {
    if (e.keyCode === 13) {
      $("#btnSend").click();
    }
  });
});
